<template>
  <div class="app-container">
    <div class="box_list">
      <div class="userAndius">用户审核</div>
      <div class="center">
        <router-link to='/UserAudit/nameAudit'>
          <span>呢称待审：<b :class="list.user.nickname>0?'notapproved':'auditCompleted'">{{list.user.nickname}}</b>条></span>
        </router-link>
        <router-link to='/UserAudit/AvatarAudit'>
          <span>头像待审：<b :class="list.user.face>0?'notapproved':'auditCompleted'">{{list.user.face}}</b>条></span>
        </router-link>
        <router-link to='/UserAudit/autographAudit'>
          <span>签名待审：<b :class="list.user.origin_sign>0?'notapproved':'auditCompleted'">{{list.user.origin_sign}}</b>条></span>
        </router-link>
        <router-link to='/UserAudit/albumAudit'>
          <span>相册待审：<b :class="list.user.album>0?'notapproved':'auditCompleted'">{{list.user.album}}</b>条></span>
        </router-link>
        <router-link to='/UserAudit/CardAudit'>
          <span>关系卡待审：<b :class="list.user.user_card>0?'notapproved':'auditCompleted'">{{list.user.user_card}}</b>条></span>
        </router-link>
        <router-link to='/UserAudit/voiceAudit'>
          <span>声音待审：<b :class="list.user.user_voice>0?'notapproved':'auditCompleted'">{{list.user.user_voice}}</b>条></span>
        </router-link>
        <router-link to='/UserAudit/makeFriends'>
          <span>扩列交友待审：<b :class="list.user.expansion>0?'notapproved':'auditCompleted'">{{list.user.expansion}}</b>条></span>
        </router-link>
      </div>
    </div>
    <div class="box_list">
      <div class="userAndius">动态审核</div>
      <div class="center">
        <router-link to='/dynamic/TextDynamics'>
          <span>文字动态待审：<b :class="list.record.record_text>0?'notapproved':'auditCompleted'">{{list.record.record_text}}</b>条></span>
        </router-link>
        <router-link to='/dynamic/Picture'>
          <span>图片动态待审：<b :class="list.record.record_img>0?'notapproved':'auditCompleted'">{{list.record.record_img}}</b>条></span>
        </router-link>
        <router-link to='/dynamic/video'>
          <span>视频动态待审：<b :class="list.record.record_video>0?'notapproved':'auditCompleted'">{{list.record.record_video}}</b>条></span>
        </router-link>
				<router-link to='/dynamic/voice'>
				  <span>声音动态待审：<b :class="list.record.record_voice>0?'notapproved':'auditCompleted'">{{list.record.record_voice}}</b>条></span>
				</router-link>
        <router-link to='/dynamic/comment'>
          <span>评论待审：<b :class="list.record.record_comment>0?'notapproved':'auditCompleted'">{{list.record.record_comment}}</b>条></span>
        </router-link>
      </div>
    </div>
    <div class="box_list">
      <div class="userAndius">聊天室审核</div>
      <div class="center">
        <router-link to='/chatRoom/titleAudit'>
          <span>标题待审：<b :class="list.chat.chat_name>0?'notapproved':'auditCompleted'">{{list.chat.chat_name}}</b>条></span>
        </router-link>
        <router-link to='/chatRoom/avatarAudit'>
          <span>头像待审：<b :class="list.chat.chat_face>0?'notapproved':'auditCompleted'">{{list.chat.chat_face}}</b>条></span>
        </router-link>
        <router-link to='/chatRoom/NoticeAudit'>
          <span>公告待审：<b :class="list.chat.chat_announcement>0?'notapproved':'auditCompleted'">{{list.chat.chat_announcement}}</b>条></span>
        </router-link>
      </div>
    </div>
    <div class="box_list">
      <div class="userAndius">举报审核</div>
      <div class="center">
        <router-link to='/reportAudit/reportUser'>
          <span>举报用户：<b :class="list.report.user_report>0?'notapproved':'auditCompleted'">{{list.report.user_report}}</b>条></span>
        </router-link>
				<router-link to='/reportAudit/reportdynamic'>
				  <span>举报动态：<b :class="list.report.record_report>0?'notapproved':'auditCompleted'">{{list.report.record_report}}</b>条></span>
				</router-link>
				<router-link to='/reportAudit/reportRoom'>
				  <span>举报房间：<b :class="list.report.room_report>0?'notapproved':'auditCompleted'">{{list.report.room_report}}</b>条></span>
				</router-link>
      </div>
    </div>
  </div>
</template>

<script>
  import {
    encryption2
  } from "@/api/index";
  export default {
    name: "ComplexTable",
    data() {
      return {
        list: {
          user:{},
          record:{},
          chat:{},
          report:{},
        },
      };
    },
    created() {
      this.handleFilter();
    },
    methods: {
      handleFilter() {
        const arys = {
        };
        const url = "/audit/index";
        encryption2(arys, url).then((res) => {
          if (res.data.status === 0) {
            this.list = res.data.result;
          } else {
            this.$message({
              message: res.data.text,
              type: "error",
            });
          }
        });
      },
    },
  };
</script>
<style scoped>
  .box_list {
    width: 1000px;
    border: 1px solid #dfe6ec;
    padding: 20px 40px 20px 20px;
    font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
    margin-bottom: 40px;
  }

  .userAndius {
    font-size: 18px;
    font-weight: 700;
  }

  .center {
    display: flex;
    flex-wrap: wrap;
  }

  .center  span {
    display: inline-block;
    margin: 20px 60px 10px 0;
    font-weight: 400;
    font-size: 14px;
    color: #444;
    font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif;
  }
   .notapproved{
     padding-right: 10px;
     color: tomato;
   }
   .auditCompleted{
      padding-right: 10px;
     color: #42b983;
   }
</style>